<!DOCTYPE html>
<html lang="en">
	<head>
		<title>商品订单</title>
		<!--#include file="/pages/common/head.html"-->
	</head>

	<body>
		<!--#include file="/pages/common/header.html"-->

		<div class="main-container" id="main-container">

			<div class="main-container-inner">
				<a class="menu-toggler" id="menu-toggler" href="#">
					<span class="menu-text"></span>
				</a>

				<div class="sidebar" id="sidebar">
					<!--#include file="/pages/common/sidebar.html"-->

					<ul class="nav nav-list">
						<li>
							<a href="majorList.html">
								<i class="icon-user"></i>
								<span class="menu-text"> 商品管理 </span>
							</a>
							<ul class="submenu">
								<li>
									<a href="http://shop.net/pages/admin/product/list.html">
										<i class="icon-double-angle-right"></i>
										商品列表
									</a>
								</li>
								<li>
									<a href="http://shop.net/pages/admin/product/edit.html">
										<i class="icon-double-angle-right"></i>
										添加商品
									</a>
								</li>
							</ul>
						</li>

						<li>
							<a href="studentInfoList.html">
								<i class="icon-list"></i>
								<span class="menu-text"> 供应商管理 </span>
							</a>
							<ul class="submenu">
								<li class="active">
									<a href="http://shop.net/pages/admin/product/list.html">
										<i class="icon-double-angle-right"></i>
										供应商列表
									</a>
								</li>
								<li>
									<a href="http://shop.net/pages/admin/product/edit.html">
										<i class="icon-double-angle-right"></i>
										添加供应商
									</a>
								</li>
							</ul>
						</li>

						<li class="">
							<a href="studentInfoList.html">
								<i class="icon-file"></i>
								<span class="menu-text"> 会员管理 </span>
							</a>
							<ul class="submenu">
								<li class="active">
									<a href="http://shop.net/pages/admin/product/list.html">
										<i class="icon-double-angle-right"></i>
										会员列表
									</a>
								</li>
								<li>
									<a href="http://shop.net/pages/admin/product/edit.html">
										<i class="icon-double-angle-right"></i>
										添加会员
									</a>
								</li>
							</ul>
						</li>

						<li  class="active">
							<a href="studentInfoList.html">
								<i class="icon-check"></i>
								<span class="menu-text"> 借阅管理 </span>
							</a>
							<ul class="submenu">
								<li class="active">
									<a href="http://shop.net/pages/admin/product/list.html">
										<i class="icon-double-angle-right"></i>
										订单列表
									</a>
								</li>
								<li>
									<a href="http://shop.net/pages/admin/product/edit.html">
										<i class="icon-double-angle-right"></i>
										添加订单
									</a>
								</li>
								<li>
									<a href="http://shop.net/pages/admin/product/edit.html">
										<i class="icon-double-angle-right"></i>
										预约订单列表
									</a>
								</li>
							</ul>
						</li>

					</ul><!-- /.nav-list -->

				</div>

				<div class="main-content">
					<div class="breadcrumbs" id="breadcrumbs">
						<ul class="breadcrumb">
							<li>
								<i class="icon-home home-icon"></i>
								<a href="#">音像商店管理系统</a>
							</li>
							<li>借阅管理</li>
							<li class="active">订单列表</li>
						</ul><!-- .breadcrumb -->
					</div>

					<div class="page-content">
						<div class="page-header">
							<h1>
								订单列表
							</h1>
						</div><!-- /.page-header -->

						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->
								<div class="row">
									<div class="col-xs-12">
										<div class="col-sm-6 no-padding-left">
											<form class="form-horizontal" role="form">
												<div class="col-sm-4 no-padding-left">
													<select class="form-control">
														<option value="0">商品编号</option>
														<option value="1">订单编号</option>
														<option value="2">会员编号</option>
														<option value="3">订单状态</option>
													</select>
												</div>
												<div class="input-group col-sm-6 no-padding-left">
													
													<input type="text" placeholder="请输入关键字" class="form-control search-query">
													<span class="input-group-btn">
														<button class="btn btn-purple btn-sm" type="button">
															搜索
															<i class="icon-search icon-on-right bigger-110"></i>
														</button>
													</span>
												</div>
											</form>
										</div>
										<div class="col-sm-6 no-padding-right">
											<a class="btn btn-primary pull-right" href=""><i class="icon-plus"></i>添加</a>
										</div>
									</div>
								</div>

								<div class="space-6"></div>

								<div class="row">
									<div class="col-xs-12">
									  	<div class="table-responsive">
											<table id="sample-table-1" class="table table-striped table-bordered table-hover">
												<thead>
													<tr>
														<th>订单编号</th>
														<th>商品编号</th>
														<th>会员编号</th>
														<th>订单状态</th>
														<th>时间</th>
														<th>创建时间</th>
														<th>最近修改时间</th>
														<th>订单备注</th>
														<th>操作</th>
													</tr>
												</thead>

												<tbody>
													<tr data-id="1">
														<td>1</td>
														<td>123</td>
														<td>12345</td>
														<td>在架上</td>
														<td>2014-01-01</td>
														<td>2014-01-01</td>
														<td>2014-01-02</td>
														<td>点点滴滴</td>
														<td>
															<div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
																<a href="#" class="btn btn-sm btn-primary">
																	<i class="icon-pencil bigger-120"></i>
																</a>
																<a href="#" class="btn btn-sm btn-danger J_del">
																	<i class="icon-trash bigger-120"></i>
																</a>
															</div>

															<div class="visible-xs visible-sm hidden-md hidden-lg">
																<div class="inline position-relative">
																	<button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
																		<i class="icon-cog icon-only bigger-110"></i>
																	</button>

																	<ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
																		<li>
																			<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
																				<span class="blue">
																					<i class="icon-pencil bigger-120"></i>
																				</span>
																			</a>
																		</li>
																		<li>
																			<a href="#" class="tooltip-success J_del" data-rel="tooltip" title="Edit">
																				<span class="red">
																					<i class="icon-trash bigger-120"></i>
																				</span>
																			</a>
																		</li>
																	</ul>
																</div>
															</div>
														</td>
													</tr>
												</tbody>
											</table>
										</div><!-- /.table-responsive -->

										<ul class="pagination pull-right">
											<li class="prev disabled">
												<a href="#">
													<i class="icon-double-angle-left"></i>
												</a>
											</li>
											<li class="active">
												<a href="#">1</a>
											</li>
											<li><a href="#">2</a></li>
											<li><a href="#">3</a></li>
											<li class="next">
												<a href="#"><i class="icon-double-angle-right"></i></a>
											</li>
										</ul>

									</div>
								</div><!-- /row -->
								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</div><!-- /.main-content -->
			</div><!-- /.main-container-inner -->

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="icon-double-angle-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->
		<div class="modal fade">
		 	<div class="modal-dialog">
			    <div class="modal-content">
				    <div class="modal-header">
				        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
				        <h4 class="modal-title">提示</h4>
				    </div>
				    <div class="modal-body">
				        <p class="J_content"></p>
				    </div>
				    <div class="modal-footer">
				        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
				        <button type="button" class="btn btn-primary J_yes">确定</button>
				    </div>
			    </div><!-- /.modal-content -->
		  	</div><!-- /.modal-dialog -->
		</div><!-- /.modal -->

		<!--#include file="/pages/common/footer.html"-->
		<script type="text/javascript" src="/resources/js/list.js"></script>
		<script type="text/javascript">
		$(function($){
			$.list.init({
				url: 'xxx'
			});
		});
		</script>
	</body>
</html>
